<template>
  <div class="everyDayKind">
    <div class="head">
      <i class="iconfont head-icon" @click="comeBack">&#xe689;</i>
      亲青筹
    </div>
    <div class="chooseWeek">
      <p class="tishi">开启日行一善后，系统将定时提醒您进行捐款！</p>
      <group title="当前状态">
        <x-switch :title="ifOpen" v-model="stringValue" @on-change="switchChange"></x-switch>
      </group>
      <!--<group title="提醒周期（只能选择一种提醒周期）">-->
        <!--<checklist title="" :label-position="labelPosition" required :disabled="disabled01" :options="commonList1" v-model="checklist01" @on-change="changeall"></checklist>-->
        <!--&lt;!&ndash;<checklist title="" label-position="left" :options="commonListOne" v-model="radioValue" :max="1" @on-change=""></checklist>&ndash;&gt;-->
      <!--</group>-->
      <group title="项目选择">
        <cell title="随机捐赠" ><check-icon :value.sync="enentChoose0"></check-icon></cell>
        <cell title="指定项目" ><check-icon :value.sync="enentChoose1"></check-icon></cell>
        <p class="eventTitle"><span v-html="eventTitle"></span></p>
      </group>
      <group title="提醒周期（只能选择一种提醒周期）">
        <cell title="每天" ><check-icon :value.sync="checkIcon0"></check-icon></cell>
      </group>
      <group title="">
        <cell title="每周"><check-icon :value.sync="checkIcon1"></check-icon></cell>
        <div v-show="checklist02 != ''" class="everyWeek">
          <ul>
            <li v-for="checklist02s in checklist02">{{checklist02s}}</li>
          </ul>
        </div>
      </group>
      <group title="">
        <cell title="每月"><check-icon :value.sync="checkIcon2"></check-icon></cell>
        <div v-show="checklist03 != ''" class="everyWeek">
          <ul>
            <li v-for="checklist03s in checklist03">{{checklist03s}} 号</li>
          </ul>
        </div>
      </group>
      <group title="提醒时间">
        <cell title="提醒时间" is-link @click.native="timeDate"><span v-model="thetime">{{thetime}}</span></cell>
      </group>
      <div class="benBox">
        <div class="openDayGood" @click="ifPramise">保 存</div>
        <div class="closeD" @click="obtain()">取 消</div>
      </div>
    </div>

    <div class="grgoupbox">
      <!--选择项目-->
      <div v-transfer-dom>
        <popup v-model="showxm" position="bottom" max-height="50%" >
          <div style="padding: 15px;background-color: #ffffff;">
            <div style="float: right;color: #1AAC19;font-size: 16px" @click="closexm">确定</div>
            <picker :data='eventCh' v-model='event01' @on-change='changevent'></picker>
          </div>
        </popup>
      </div>
    </div>

    <div class="grgoupbox">
      <!--选择时间-->
      <div v-transfer-dom>
        <popup v-model="showgr" position="bottom" max-height="50%" >
          <div style="padding: 15px;background-color: #ffffff;">
            <div style="float: right;color: #1AAC19;font-size: 16px" @click="closegr">确定</div>
            <picker :data='years1' v-model='time04' @on-change='changepicker()'></picker>
          </div>
        </popup>
      </div>
    </div>
    <div class="grgoupbox">
      <div v-transfer-dom>
        <popup v-model="showmz" position="bottom" height="352px" >
          <div style="padding: 0px 15px;background-color: #ffffff;">
            <div> <p style="color: #1AAC19;font-size: 16px;text-align: right;line-height: 30px"> <span @click="closemz">确定</span></p></div>
            <!--<div style="float: right;color: #1AAC19;font-size: 16px" >确定</div>-->
            <checklist title="" :label-position="labelPosition" required :disabled="disabled02" :options="commonList" v-model="checklist02" @on-change="change"></checklist>
          </div>
        </popup>
      </div>
    </div>
    <div class="grgoupbox">
      <div v-transfer-dom>
        <popup v-model="showmy" position="bottom" height="204px" >
          <div style="padding: 0px 15px;background-color: #ffffff;">
            <div> <p style="color: #1AAC19;font-size: 16px;text-align: center;line-height: 30px;padding-left: 32px"><span style="color: #cccccc">请选择每月提醒日期</span> <span style="float: right" @click="closemy">确定</span></p></div>
            <!--<div style="float: right;color: #1AAC19;font-size: 16px" >确定</div>-->
            <div class="everyMonth">
              <ul ref="checkDay">
                <li @click="checkDay(index, i, $event)" v-for="(i, index) in 31">{{i}}</li>
              </ul>
            </div>
          </div>
        </popup>
      </div>
    </div>
  </div>
</template>

<script src="./everyDayKind.js"></script>
